import React, { Component } from 'react';
import './PageInfo.css';


class PageInfo extends Component {
	
	constructor(props) {
		super(props);
		// 设置 initial state
		this.state = {
			pagename:"使用说明"
		};
	}
	
	
	render() {
		return (
			<div className="page page2">
					<h2>所在页面位置：{this.state.pagename}</h2>
					<p>参数介绍：</p>
					<p>current（必须设置属性，设置当前页）</p>
					<p>pageCount（必须设置属性，设置共多少页）</p>
					<p>totalData（必须设置属性，设置共多少条记录）</p>
					<p>count（设置值必须大于1，否则按照2使用）</p>
					<p>其他参数可不设置，不设置按照隐藏处理</p>
					<p>分页采用ajax+组件属性传值修改的处理方式，基本属性的设置值都来自ajax返回内容</p>
					<p>分页样式组件可随意修改</p>
					<p>简单配置使用：</p>
					<p>某个组件使用</p>
					<div>
						
						<pre style={{background:'#000',color:'#fff',width:'800px',height:'50px'}}>
							//引入组件
							import DireactPagination from './DiReactPagination.js';
						</pre>
					
					</div>
					<p>某个组件，使用分页：（缺省尖括号和花括号）</p>
					<div>	
						<pre style={{background:'#000',color:'#fff',width:'800px',height:'250px'}}>
							DireactPagination<br/><br/>
								current=\this.state.current\ <br/>
								count=\this.state.count\ <br/>
								pageCount=\this.state.pageCount\ <br/>
								showPageNum=\this.state.showPageNum\ <br/>
								showPageCount=\this.state.showPageCount\ <br/>
								totalData=\this.state.totalData\ <br/>
								showTotalData=\this.state.showTotalData\ <br/>
								nextPage=\this.state.nextPage\ <br/>
								coping=\this.state.coping\ <br/>
								showSkipPage=\this.state.showSkipPage\ <br/>
								runAjax=\this.runAjax.bind(this)\ <br/>
								<br/>
							DireactPagination<br/>
						</pre>
					</div>
					<p>不管是在组件的state中还是props中，只要返回必要属性设置到分页组件即可！</p>
					<p>runAjax属性设置的是发送请求获取数据，在当前组件定义的方法，分页组件会自动$emit这个绑定的方法，所以这个runAjax你可以随意书写！</p>
					<p>哪些属性是必须的，哪些可以忽略，哪些有默认值：</p>
					current:1,               //存放返回当前第几页<br />
					count:2,                          //当前页前后页数    (默认：2)<br />
					pageCount:"",            //存放返回总页数<br />
					showPageNum:1,					//是否显示页码     （默认值：1-显示 其他-不显示）<br />
					showPageCount:1,               //是否显示总页数 （默认值：1-显示 其他-不显示）<br />
					totalData:"",            //存放返回数据总条数<br />
					showTotalData:1,               //是否显示数据总条数（默认值：1-显示 其他-不显示）<br />
					nextPage:false,                   //是否有下一页<br />
					coping:1,                       //是否开启首页尾页（默认值：1-显示 其他-不显示）<br />
					showSkipPage:1              //是否显示跳页功能（默认值：1-显示 其他-不显示）<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />	

			</div>
		);
	}
	
	componentDidMount() {
	  	

	}

	
}

export default PageInfo;
